<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 新 Bootstrap5 核心文件 -->
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <script src="/static/bootstrap/js/popper.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <!-- our project just needs Font Awesome Solid + Brands -->
    <link href="/static/fontawesome/css/all.css" rel="stylesheet" />
    <script src="/static/jquery/jquery-3.7.1.js"></script>
    <script src="/static/jquery/jquery.qrcode.min.js"></script>
    <!-- <script src="/static/js/plupload.full.min.js" ></script> -->
    <script src="/static/js/qiniu.min.js"></script>
    <script src="/static/js/file-upload.js"></script>
    <!-- <script src="/static/js/file-qiniu2.js"></script> -->

    <title>Document</title>
</head>

<body>

    <div class="container-fluid p-5">
        <h1>上传资源</h1>
        <p>支持除可执行程序脚本之外的所有文件格式。</p>

        <div class="d-flex">
            <div>
                <div class="alert alert-success" id="alert" style="display: none;">
                    <i class="fa fa-thumbs-up me-2" style="font-size:24px"></i><strong>成功!</strong>
                    <span>指定操作成功提示信息。</span>
                </div>

                <div class="mb-3 mt-3">
                    <label for="gname" class="form-label">Name:</label>
                    <input type="text" class="form-control" id="gname" placeholder="输入合集名称" name="name">
                </div>
                <div class="mb-3 mt-3">
                    <label for="gtag" class="form-label">Tag:</label>
                    <input type="text" class="form-control" id="gtag" placeholder="输入分类标签" name="sorth">
                </div>
                <div class="mb-3 mt-3">
                    <form id="form1">
                        <label for="gfile" class="form-label">File:</label>
                        <input type="file" class="form-control" id="gfile" placeholder="" name="file">
                        <!-- multiple -->
                        <input type="hidden" name="key" id="key">
                        <input type="hidden" name="token" id="token">
                    </form>
                </div>
                <ul class="list-group" id="preview"> </ul>
                <div class="progress" style="display: block;">
                    <div id='totalBar' class="progress-bar progress-bar-striped progress-bar-animated"
                        style="width: 0%">
                        <p class='speed'></p>
                    </div>
                </div>
                <div class="mb-3">
                    <label for="info" class="form-label">Info:</label>
                    <textarea class="form-control" rows="5" id="info" name="info"></textarea>
                </div>
                <div class="d-grid">
                    <button type="button" class="btn btn-primary btn-block" onclick='$("#form1").submit();'>提交</button>
                </div>

                <!-- <div id="btn-uploader"> <a id="pickfiles" href="javascript:void 0;">Upload File</a>  </div> -->

            </div>
            <div> </div>
        </div>
    </div>
</body>

</html>